function Swiper(el)
{
    this.el=document.querySelector(el)
    this.t=null
    this.num=1
    this.init()
}
Swiper.prototype.init=function()
{
    this.autoplay()
    this.over()
}

Swiper.prototype.page=function(num){
    this.el.querySelector('ul li.active').className=''
    this.el.querySelectorAll('ul li')[num-1].className='active'
}

Swiper.prototype.autoplay=function(){
    this.t=setInterval(() => {
        this.num++
        if(this.num>6) this.num=1
        this.el.querySelector('img').src=`./imgs/img${this.num}.jpg`
        this.page(this.num)
    },1000);
}

Swiper.prototype.over=function(){
    let pageObjs=this.el.querySelectorAll('ul li')
    pageObjs.forEach((item,i)=>{
        item.onmouseover=() =>{
            clearInterval(this.t)
            this.el.querySelector('img').src=`./imgs/img${i+1}.jpg`
            this.num=i+1
            this.page(this.num)
        }
        item.onmouseout =() => {
            this.out()
        }
    })
}

Swiper.prototype.out=function(){
    this.autoplay()
}